<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>办事指南</title>
<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- bootstrap table css-->
<link rel="stylesheet" href="../../bootstrapTable/dist/bootstrap-table.min.css">
<!-- bootstrap-datetimepicker css -->
<link rel="stylesheet" href="../../js/datetimepicker/css/bootstrap-datetimepicker.min.css">
<!-- jquery-confirm -->
<link href="../../css/jquery-confirm.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../../js/select2/css/select2.min.css" />
<link rel="stylesheet" type="text/css" href="../../ctiypicker/css/cityPicker.css">
<link href="../../css/layout_dierban.css" rel="stylesheet" />
</head>
<body>
<div class='miaov_head'>
   <iframe marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no src="../../html/head.html"></iframe>
</div>	

	<div class="content" style="width:1000px; margin:5px auto 50px;">	
<!-- 	<h2>办事指南</h2>
		<br> -->
				
		 <form class="form-horizontal">
		 <fieldset>
				<div class="form-group">
					<label class="col-sm-1 control-label">项目名</label>
					<div class="col-sm-3">
						<input type="text" class="form-control" id="itemName" />							                
					</div>					
					<div class="col-sm-1">
							<button type="button" class="btn btn-primary" id="search">
							<span class="glyphicon glyphicon-search"></span>搜索
							</button>
					</div>										
					<div class="form-group"></div>
				</div>
			</fieldset>
		</form>
		
		
		
		<div class="panel panel-primary">
			<div class="panel-heading">
			<h3 class="panel-title">办事指南列表</h3>				
			</div>	
			<div class="panel-body">
			 <ul id="myGuide" class="nav nav-tabs">
				<li class="active"><a href="#info" class="type" id='00' data-toggle="tab">全部</a></li>
				<li><a href="#info" class="type" id='01' data-toggle="tab">船舶管理 </a></li>
				<li><a href="#info" class="type" id='02' data-toggle="tab">危防管理 </a></li>
				<li><a href="#info" class="type" id='03' data-toggle="tab">通航管理 </a></li>								
				<li><a href="#info" class="type" id='04' data-toggle="tab">船员管理 </a></li>
				<li><a href="#info" class="type" id='05' data-toggle="tab">公司管理 </a></li>
				<li><a href="#info" class="type" id='06' data-toggle="tab">船舶检验 </a></li>
				<li><a href="#info" class="type" id='07' data-toggle="tab">监督检查 </a></li>
				<li><a href="#info" class="type" id='10' data-toggle="tab">资料备案 </a></li>                                                                                       			
				<li><a href="#info" class="type" id='09' data-toggle="tab">其他</a></li>
			</ul>
			<table id="info"></table>
			</div>
		</div>
	</div>
	
<div class='miaov_foot'>
   <iframe marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no src="../../html/foot.html"></iframe>
</div>	

<script src="../../js/jquery.min.js"></script>	   
<script type="text/javascript" src="../../bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../js/jquery-confirm.min.js" ></script>
<script type="text/javascript" src="../../js/select2/js/select2.min.js"></script>
<script type="text/javascript" src="../../ctiypicker/js/cityPicker.js"></script>
<script src="../../bootstrapTable/dist/bootstrap-table.js"></script>
<script src="../../bootstrapTable/dist/locale/bootstrap-table-zh-CN.js"></script>
<script type="text/javascript" src="../../js/datetimepicker/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="../../js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script type="text/javascript" src="../../js/share.js"></script>
<script type="text/javascript" src="../../js/bindcontrol.js"></script>
<script type="text/javascript" src="index.js"></script>

</body>
</html>